/*
* @Author: syyao
* @Date: 2019-05-17 15:23:44
 * @Last Modified by: syyao
 * @Last Modified time: 2019-06-08 23:24:15
*/
<template>
    <Row style="height: 100%">
        <i-col span="5" style="position:fixed;height: 100%;background-color: #F6F6FA;box-shadow:6px 0px 6px #C2C2C2;">
            <PHSecondMune></PHSecondMune>
            <div style="position:fixed;"></div>
        </i-col>
        <i-col span="5">
            <br />
        </i-col>
        <i-col class="select" span="19" style="height: 100%">
            <!-- <div style="height: auto;width:87%;margin:0 auto;">
                <p style="margin-top:1.8vw;font-size:1.2vw;color: #7A7A7A;font-family: DengXian">图库</p>
                <p style="margin-top:0.1vw;font-size:2vw;color: #44519E;font-weight: bold;font-family: DengXian">热门推荐
                </p>
                <div style="margin-top:0.6vw;width: 10vw;height: 0.2vw;background-color:#45529F"></div>
            </div> -->
            <!-- <Tabs class="c_line" value="name1"  style="margin-left:5vw;width:86%;margin-top:0.1vw;"> 
                <TabPane :label="label" name="name1"> 
                    <PictureView style="width: 100%;margin: auto;"></PictureView>
                </TabPane>
                <TabPane label="按名称排序" name="name2">
                    <test></test>
                    <test></test>
                    <test></test>
                </TabPane>
            </Tabs> -->

            <!-- <Row>
                <p></p>
                <i-col :xs="2" :sm="4" :md="6" :lg="8" style="background:#565656"><p>{{msg}}</p></i-col>
                <i-col :xs="20" :sm="16" :md="12" :lg="8">
                    <SearchWithTips style="width: 50vw;margin:1vw auto 1.5vw"></SearchWithTips>
                </i-col>
                <i-col :xs="2" :sm="4" :md="6" :lg="8"  style="background:#565656">Col</i-col>
            </Row> -->

            <router-view></router-view>
        </i-col>



    </Row>
</template>

<script>
    import PHSecondMune from "../components/pictureHub/PHSecondMune";

    import SearchWithTips from "../components/SearchWithTips";
    import PictureView from "../components/PictureView";
    import test from "../components/picture/picPerHub";


    export default {
        name: "PictureHub",
        data() {
            return {
            
                msg: [],
                picture: {},
                label: (h) => {
                    return h('div', [
                        h('span', '按时间排序'),
                        h('Badge', {
                            props: {
                                count: 3
                            }
                        })
                    ])
                }
            }
        },
        components: {
            PictureView,
            SearchWithTips,
            PHSecondMune,
            test,
        },
        created() {

        },
}
</script>

<style scoped>
    .c_line /deep/ .ivu-tabs-bar {
        border-bottom: 0;
    }

    .select ::selection {
        text-shadow: none;
        color: #fff;
        background-color: rgb(156, 156, 156);
    }

</style>